<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>入驻申请</title>
    <link rel="stylesheet" type="text/css" href="page/teacher/joinapply/joinapply.css">
    <script type="text/javascript" src="page/teacher/joinapply/joinapply.js" ></script>
    <script src="js/jquery-upload.js" ></script>
</head>
<body>
<form id="joinapply_frm_main">
    <div style="display: none">
        <input type="text" name="flownode" id="flownode" value="1"><input type="text" name="skills" id="skills" value=""><input type="text" name="idcard1" id="idcard1" value=""><input type="text" name="idcard2" id="idcard2" value=""><input type="text" name="bgimage" id="bgimage" value="">
        <input type="text" name="sex" id="sex" data-name="sex" style="display: none">
    </div>
    <div class="status-bar">
        <img src="img/teacher/1.png" /><label>您的资料已进行安全保护</label>
    </div>
    <div class="flow">

        <div class="flow-image">
            <div class="flow-image-item-1">
                <img src="img/flow-dot-done.png" class="dot" id="dot1" />
            </div>
            <div class="flow-image-item-2">
                <img src="img/flow-line-undone.png" class="line" id="line1" /><img src="img/flow-dot-undone.png" class="dot" id="dot2" />
            </div>
            <div class="flow-image-item-2">
                <img src="img/flow-line-undone.png" class="line" id="line2" /><img src="img/flow-dot-undone.png" class="dot" id="dot3" />
            </div>
            <div class="flow-image-item-3">
                <img src="img/flow-line-undone.png" class="line" id="line3" /><img src="img/flow-dot-undone.png" class="dot" id="dot4" />
            </div>
        </div>
        <div class="flow-text">
            <div class="flow-text-item">
                <label>基本信息</label>
            </div>
            <div class="flow-text-item">
                <label>技能信息</label>
            </div>
            <div class="flow-text-item">
                <label>身份信息</label>
            </div>
            <div class="flow-text-item">
                <label>审核考试</label>
            </div>
        </div>
    </div>
    <div class="info1">
        <div class="info1-title">
            <label>请输入大师昵称 </label>
        </div>
        <div class="info1-body">
            <div class="info1-body-left">
                <label>大师昵称</label>
            </div>
            <div class="info1-body-right">
                <input type="text" value="" name="nickname">
            </div>
        </div>
        <div class="info1-body">
            <div class="info1-body-left">
                <label>真实姓名</label>
            </div>
            <div class="info1-body-right">
                <input type="text" value="" name="name">
            </div>

            <!--<div class="info1-body-line">-->
                <!--<label>工作年限：</label><input type="text" value="" name="workYears">-->
            <!--</div>-->
        </div>
        <div class="info1-body">
            <div class="info1-body-left">
                <label>性别</label>
            </div>
            <div class="info1-body-right2">
                <div class="content-body-item-right-sex-left" id="nv" onclick="selectSex(0)">
                    <label>女</label>
                </div>
                <div class="content-body-item-right-sex-right" style="background-color: #dcdcdc"  id="nan" onclick="selectSex(1)">
                    <label>男</label>
                </div>
            </div>
        </div>
        <div class="info1-body">
            <div class="info1-body-left">
                <label>联系电话</label>
            </div>
            <div class="info1-body-right">
                <input type="text" value="" name="phone">
            </div>
        </div>
        <div class="info99-body">
            <div class="info99-body-left">
                <label>居住地</label>
            </div>
            <div class="info99-body-right">
                <select  style="height:35px;line-height:35px;width:80px;text-align: center; text-align-last: center;"  name="province"   id="area_province" >
                    <option value ='' style='text-align: center;'>请选择</option>
                </select>
                <select  style="height:35px;line-height:35px;width:80px;text-align: center; text-align-last: center;"  name="city" id="area_city" >
                    <option value ='' style='text-align: center;'>请选择</option>
                </select>
                <select  style="height:35px;line-height:35px;width:80px;text-align: center; text-align-last: center;"   name="area"  id="area_area" >
                    <option value ='' style='text-align: center;'>请选择</option>
                </select>
            </div>
        </div>
        <div class="info1-body">
            <div class="info1-body-left">
                <label>出生日期</label>
            </div>
            <div class="info1-body-right">
                <!--<input type="text" value="" name="birthday">-->
                <input class="weui-input" name="birthday" id="time-format" type="text" value="2012年12月12日 12时13分" readonly="">
            </div>
        </div>
        <div class="info1-body">


            <div class="info1-body-left">
                <label>从业年限</label>
            </div>
            <div class="info1-body-right">
                <input type="text" value="" name="workYears">
            </div>
        </div>
        <div class="agree">
            <input type="checkbox" name="agree"><label onclick="toagree('MEMBER_SERVICE_AGREE')">&nbsp;&nbsp;已阅读并同意《会员服务协议》</label>
        </div>
        <div class="info1-action">
            <!--<div class="info1-action-btn">-->
                <label id="n1" onclick="next(1)">下一步</label><label onclick="next(4)" style="margin-left: 20px">返回首页</label>
            <!--</div>-->
        </div>
    </div>
    <div class="info2" style="display: none">
        <div class="info2-title">
            <label>请选择擅长的技能 </label>
            <div class="info2-title-sub">
                <label>（最多可选三项） </label>
            </div>
        </div>
        <div class="info2-body" id="info2-body">

        </div>
        <div class="info2-action">
            <!--<div class="info1-action-btn">-->
            <label id="n2" onclick="next(2)">下一步</label><label style="margin-left: 20px" onclick="next(4)">返回首页</label>
            <!--</div>-->
        </div>
    </div>
    <div class="info3"  style="display: none">
        <div class="info3-title">
            <label>请上传身份信息  </label>
        </div>
        <div class="info3-body" id="info3-body">
            <div class="info3-body-image">
                <input id="uploadImage1" data-id="upload1" data-r="idcard1" data-index=1 type="file" class="uploadclass">
                <div class="info3-body-card1" onclick="$('#uploadImage1').click()">
                    <img src="img/teacher/5.png" id="upload1" />
                </div>
            </div>
            <div class="info3-body-image">
                <input id="uploadImage2" data-id="upload2" data-r="idcard2" data-index=1 type="file" class="uploadclass">
                <div class="info3-body-card1" onclick="$('#uploadImage2').click()">
                    <img src="img/teacher/6.png" id="upload2" />
                </div>
            </div>
            <div class="info3-body-image">
                <input id="uploadImage3" data-id="upload3" data-r="bgimage" data-index=1 type="file" class="uploadclass">
                <div class="info3-body-card1" onclick="$('#uploadImage3').click()">
                    <img src="img/teacher/7.png" id="upload3" />
                </div>
            </div>
        </div>

        <div class="info3-action">
            <label id="n3"  onclick="next(3)">提交申请</label><label  style="margin-left: 20px"  onclick="next(4)">返回首页</label>
        </div>
    </div>
    <div class="info4"  style="display: none">
        <div class="info4-title">
            <label>入驻申请已提交</label>
        </div>
        <div class="info4-body">
            <label id="status">等待人工审核（1-3个工作日），如有问题请添加审核人员微信</label>
        </div>
        <div class="info4-qrcode">
            <img src="img/examples/qrcode.png" />
        </div>
        <div class="info4-action">
            <label id="n4" onclick="next(4)">返回首页</label>
        </div>
    </div>
</form>
</body>
</html>